<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>欢迎登录我的书店</title>
    <link rel="stylesheet" href="framework/neat.css">
    <link rel="stylesheet" href="framework/layer/skin/layer.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
    <div class="main" ng-controller="login">
        <div class="welcome-title">
            <h6>欢迎登录我的书店</h6>
        </div>
        <form name="form" class="box" novalidate>
            <div class="box-row clearfix">
                <span>用户名:</span>
                <input type="text" placeholder="请填写正确的用户名" name="username" ng-model="userName" ng-minlength="4" required>
            </div>
            <div class="error-row clearfix">
                <span>&nbsp;</span>
                <div ng-show="form.username.$error.required && form.username.$touched">用户名不能为空！</div>
                <div ng-show="form.username.$error.minlength && form.username.$touched">用户名不少于4个字符！</div>
            </div>
            <div class="box-row clearfix">
                <span>密  码:</span>
                <input type="password" placeholder="请填写正确的密码" name="password" ng-model="userPwd" ng-minlength="6" required>
            </div>
            <div class="error-row clearfix">
                <span>&nbsp;</span>
                <div ng-show="form.password.$error.required && form.password.$touched">密码不能为空！</div>
                <div ng-show="form.password.$error.minlength && form.password.$touched">密码不少于6个字符！</div>
            </div>
            <div class="btn-row">
                <button class="btn" ng-click="login()">登录</button>
                <button class="btn" ng-click="reset()">重置</button>
            </div>
        </form>
    </div>



    <script src="framework/angular.js"></script>
    <script src="framework/jquery.js"></script>
    <script src="framework/layer/layer.js"></script>
    <script src="js/login.js"></script>
</body>
</html>